.articles{
	 position:relative;
	 padding-left:0;
}

.articles > li{
	overflow:hidden;
	
	border: 1px solid black;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px; 
	box-shadow: 0 0 6px #979797;
	-moz-box-shadow: 0 0 6px #979797;  
	-webkit-box-shadow: 0 0 6px #979797;
}

.articles > li:hover{
	background-color:#FF7F7F;
	 z-index:1;
}


.articles .body {
	 width:98%;
	 height:95%;
	 position:absolute;
	 top:0;
	 left:1%;
	 top:2.5%;
}

.articles .article1{
	 width:50%;
	 height:49%;
	 position:absolute;
	 left:25%;
	 top:20%;
}
.articles .article2{
	 width:24.5%;
	 height:69%;
	 position:absolute;
	 left:O;
	 top:0;
}
.articles .article3{
	 width:24.5%;
	 height:70%;
	 position:absolute;
	 right:0;
	 bottom:0;
}
.articles .article4{
	 width:50%;
	 height:19%;
	 position:absolute;
	 left:25%;
	 top:0;
}
.articles .article5{
	 width:24.5%;
	 height:29%;
	 position:absolute;
	 right:0;
	 top:0;
}
.articles .article6{
	 width:45%;
	 height:30%;
	 position:absolute;
	 left:0;
	 bottom:0;
}
.articles .article7{
	 width:29.5%;
	 height:30%;
	 position:absolute;
	 right:25%;
	 bottom:0;
}





.pictureArticle {
	 float:left;
	 max-width:40%;
	 max-height:50%;
}
.qrcode {
	 float:right;
	width:90px;
	 height:90px;
}





.articles .title {
	color:black;
	font-size: 15px;
	clear:none;
	padding-bottom:15px;
}
.articles .hour {
	color:red;
	font-size: 10px;
	font-style:italic;
	clear:none;
	
}
.articles .summary {
	color:black;
	font-size: 15px;
}


.center {
	width: 1260px;
    margin-left: auto;
    margin-right: auto;
}
